<?php
    if (!class_exists("Config"))        include_once '../config/classes/class.Config.php';
    if (!isset($cfg))                   $cfg = new config();
    
    
    $lat = $_GET['lat'];
    $lng = $_GET['lng'];
?>
<head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   
    <script>   
        function checkElem(){
           
            if (document.new_elem_form.precio.value == ""){
                alert("El campo precio no puede estar vacio");
                document.new_elem_form.precio.focus();
                return 0;
            }
            
            if (document.new_elem_form.direccion.value == ""){
                alert("Introduce la direccion porfavor.");
                document.new_elem_form.direccion.focus();
                return 0;
            }
        
            if (document.new_elem_form.captcha.value == ""){
                alert("Debes introducir el código de seguridad que aparece en la imagen.");
                document.new_elem_form.captcha.focus();
                return 0;
            }
                       
             
            if (isNaN(parseFloat(document.new_elem_form.precio.value))){
                alert("El campo precio debe ser un valor numérico");
                document.new_elem_form.precio.value = "";
                document.new_elem_form.precio.focus();
                return 0;
            }
            
            if (isNaN(parseFloat(document.new_elem_form.potencia.value))){
                alert("El campo potencia debe ser un valor numérico");
                document.new_elem_form.potencia.value = "";
                document.new_elem_form.potencia.focus();
                return 0;
            }

            
            if( document.new_elem_form.captcha.value == "")    {
                alert("Introduce el código de seguridad!");
                document.new_elem_form.captcha.focus();
                return 0;
            }
            
            document.new_elem_form.submit();
        }
        
        
        $(document).ready(function() {
            $("#btn_new_elem, #btn_close").button();
        })
    </script>
    
<!--    <link rel="stylesheet" type="text/css" media="all" href="../config/css/main2.css"/>  -->
    
</head>

<div  id="add_elem" style="float:right;">
        <form name="new_elem_form" method="post" action="<?php echo $cfg->pathElems ?>/insert_new_elem.php" enctype="multipart/form-data">
           
            <table style="text-align: left">

                <tr>
                    <td colspan="2">
                        <h3>Añadir nueva electrolinera</h3>
                    </td>
                </tr>            
                <tr>
                    <td colspan="2">
                        <p style="width:340px" class="negro13px margen5bottom">
                           Rellena el formulario, añade una foto (opcional) y introduce el código de seguridad. 
                           El administrador recibirá una notificación para validar el punto.
                           
                        </p>
                    </td>
                </tr>            
                <tr>
                   <td class="texto">  Precio:  </td>
                   <td> <input style="width: 50px" id="precio" name="precio" type="text" maxlength="4" value="1.04"/> &euro; </td>
                </tr>
                <tr>
                   <td class="texto">  Potencia:  </td>
                   <td>  <input style="width: 50px" id="potencia" name="potencia" type="text" maxlength="8" value="123"/> kW </td>
                </tr>
                <tr>
                   <td class="texto">  Direccion: </td>
                   <td>  <input style="width: 250px" id="direccion" name="direccion" type="text" maxlength="100" value="c/Soler"/> </td>
                </tr>
                <tr>
                   <td class="texto">
                        Foto: 
                   </td>
                   <td class="texto">
                       <input id="foto" name="foto" type="file" maxlength="50"/>
                   </td>
                </tr>
              
                <tr>
                   <td class="texto">
                        <p>Comentario</p>
                   </td>
                </tr>
                <tr>
                   <td colspan="2">
                        <textarea name="comentario" rows="10" cols="25"></textarea>
                   </td>
                </tr>
                
                <tr>
                    <td colspan="2" style="border-top:1px dotted #6a0">                           
                        <input style="width: 60px; height: 30px; color:#6a0; font-weight: 600" type="text" name="captcha" id="captcha" maxlength="6" size="6" value=""/>
                        <img style="vertical-align:top" src="<?php echo $cfg->pathImg.'/arrowleft.png' ?>"/>
                        <img style="vertical-align:top" src="<?php echo $cfg->pathConfig.'/phpcaptcha/captcha.php'?>"/>
                        
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <input style="margin-top: 20px" type="button" id="btn_new_elem" value="Enviar" onClick="checkElem()"/>
                    </td>
                    <td>
                        <input style="margin-top: 20px" type="button" id="btn_close" value="Cancelar" onClick="$.fancybox.close()"/>
                    </td>
                </tr>
                
                    
                <tr>
                    <td><input id="lat" name="lat" type="hidden" value='<?php echo $lat?>'/></td>
                </tr>
                  <tr>
                    <td><input id="lng" name="lng" type="hidden" value='<?php echo $lng?>'/></td>
                </tr>
            </table>
        </form>
</div>

